<template>
  <div class="footer">
    <div class="text1">被命运所选择</div>
    <div class="text2">摇摆的渡过每一天</div>
    <div class="q">Copyright&nbsp;@2022&nbsp;I think I made shit</div>
  </div>
</template>

<script>
export default {
    name:'FooterTenYear'
}
</script>

<style lang="less" scoped>
    .footer{
      width: 100wv;
      background-color: rgba(0, 0, 0, .6);
      height: 20vh;
      border-top-left-radius: 2em;
      border-top-right-radius: 2em;
      position: relative;
      &>div{
        font-family: 'YunFengJingLongXingShu';
        color: white;
        font-size: 60px;
        user-select: none;
      }
      &>.text1{
        position: absolute;
        top: 0.5vh;
      }
      &>.text2{
        position: absolute;
        bottom: 0.5vh;
        left: 30%;
      }
      &>.q{
          font-family: 'Courier New', Courier, monospace;
          position: absolute;
          right: 0%;
          bottom: 0px;
          font-size:14px ;
      }
    }
</style>